<template>
    <div class="tableColumnsView">
        <el-table
                :data="columns">
            <el-table-column
                    label="字段名"
                    prop="name">
            </el-table-column>

            <el-table-column
                    label="字段类型"
                    prop="typeName">
            </el-table-column>

            <el-table-column
                    label="备注"
                    prop="remark">
            </el-table-column>

            <el-table-column
                    label="字段驼峰">
                <template slot-scope="scope">
                    <span>{{ scope.row.camel }}</span>
                </template>
            </el-table-column>

            <el-table-column
                    label="JAVA类型">
                <template slot-scope="scope">
                    <span>{{ scope.row.javaType }}</span>
                </template>
            </el-table-column>
        </el-table>
    </div>
    
</template>

<script>
    export default {
        name: "table-columns-view",
        data() {
            return {
                table:{
                    columns:[]
                },
            };
        },
        props:{
            columns: Array,
            generateConfig: Object
        },
        computed: {},
        created() {
            console.log("TableColumnsView.vue->this.columns：",this.columns);
        },
        methods: {
        }
    }
</script>

<style scoped>
    .tableColumnsView{
        height: 100%;
    }
</style>